<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>团购分类</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="icon" type="image/x-icon" href="img/favicon-20181017100451352.ico"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/classifi.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
	</head>
	<body>
		<!-- 头部s -->
		<header class="clearfix">
			<div class="logo fl"><a href="index.html"><span>Back</span></a></div>
			<div class="selectBar fr">
				<select name="">
					<option value="广州市">广州市</option>
					<option value="佛山市">佛山市</option>
					<option value="深圳市">深圳市</option>
				</select>
			</div>
			<div class="topTittle">分类</div>
		</header>
		<!-- 头部e -->
		
		<!-- 内容s -->
		<section>
			<div class="classifi clearfix swiper-container">
				<!-- 轮播s -->
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<div class="classifiBox fl">
							<img src="img/img7.png"/>
							<h3>美食</h3>
						</div>
						<div class="classifiBox fl">
							<img src="img/img8.png"/>
							<h3>电影</h3>
						</div>
						<div class="classifiBox fl">
							<img src="img/img9.png"/>
							<h3>运动</h3>
						</div>
						<div class="classifiBox fl">
							<img src="img/img10.png"/>
							<h3>唱歌</h3>
						</div>
					</div>
					<div class="swiper-slide">
						<div class="classifiBox fl">
							<img src="img/img7.png"/>
							<h3>美食</h3>
						</div>
						<div class="classifiBox fl">
							<img src="img/img8.png"/>
							<h3>电影</h3>
						</div>
						<div class="classifiBox fl">
							<img src="img/img9.png"/>
							<h3>运动</h3>
						</div>
						<div class="classifiBox fl">
							<img src="img/img10.png"/>
							<h3>唱歌</h3>
						</div>
					</div>
					<div class="swiper-slide">
						<div class="classifiBox fl">
							<img src="img/img7.png"/>
							<h3>美食</h3>
						</div>
						<div class="classifiBox fl">
							<img src="img/img8.png"/>
							<h3>电影</h3>
						</div>
						<div class="classifiBox fl">
							<img src="img/img9.png"/>
							<h3>运动</h3>
						</div>
						<div class="classifiBox fl">
							<img src="img/img10.png"/>
							<h3>唱歌</h3>
						</div>
					</div>
					<div class="swiper-slide">
						<div class="classifiBox fl">
							<img src="img/img7.png"/>
							<h3>美食</h3>
						</div>
						<div class="classifiBox fl">
							<img src="img/img8.png"/>
							<h3>电影</h3>
						</div>
						<div class="classifiBox fl">
							<img src="img/img9.png"/>
							<h3>运动</h3>
						</div>
						<div class="classifiBox fl">
							<img src="img/img10.png"/>
							<h3>唱歌</h3>
						</div>
					</div>
				</div>
				<!-- 轮播e -->
				
				<!-- 分页器s -->
				<div class="pagination">
					<div class="paginationBox">
					    <div class="swiper-pagination"></div>
					</div>
				</div>
				<!-- 分页器e -->
			</div>
			
			<!-- 美食类s -->
			<div class="discount clearfix">
				<div class="discountLeft fl">
					<span><img src="img/tiandian.png"/>美食类</span>
				</div>
				<div class="discountRight fr">
					<span>更多<img src="img/gengduo.png" alt="" /></span>
				</div>
			</div>
			<div class="footImg clearfix">
				<div class="footImgBox fl">
					<img src="img/images/分类_03.jpg" alt="" />
				</div>
				<div class="footImgBox fl">
					<img src="img/images/分类_05.jpg" alt="" />
				</div>
				<div class="footImgBox fl">
					<img src="img/images/分类_07.jpg" alt="" />
				</div>
				<div class="footImgBox fl">
					<img src="img/images/分类_09.jpg" alt="" />
				</div>
			</div>
			<!-- 美食类e -->
		
			<!-- 运动类s -->
			<div class="discount clearfix">
				<div class="discountLeft fl">
					<span><img src="img/yundong.png"/>运动类</span>
				</div>
				<div class="discountRight fr">
					<span>更多<img src="img/gengduo.png" alt="" /></span>
				</div>
			</div>
			<div class="footImg clearfix">
				<div class="footImgBox fl">
					<img src="img/images/分类_15.jpg" alt="" />
				</div>
				<div class="footImgBox fl">
					<img src="img/images/分类_16.jpg" alt="" />
				</div>
				<div class="footImgBox fl">
					<img src="img/images/分类_17.jpg" alt="" />
				</div>
				<div class="footImgBox fl">
					<img src="img/images/分类_19.jpg" alt="" />
				</div>
			</div>
			<!-- 运动类e -->
			
			<!-- 电影类s -->
			<div class="discount clearfix">
				<div class="discountLeft fl">
					<span><img src="img/dianying.png"/>电影类</span>
				</div>
				<div class="discountRight fr">
					<span>更多<img src="img/gengduo.png" alt="" /></span>
				</div>
			</div>
			<div class="footImg clearfix">
				<div class="footImgBox fl">
					<img src="img/images/分类_24.jpg" alt="" />
				</div>
				<div class="footImgBox fl">
					<img src="img/images/分类_25.jpg" alt="" />
				</div>
				<div class="footImgBox fl">
					<img src="img/images/分类_24.jpg" alt="" />
				</div>
				<div class="footImgBox fl">
					<img src="img/images/分类_25.jpg" alt="" />
				</div>
			</div>
			<!-- 电影类e -->
		</section>
		<!-- 内容e -->
		
		<!-- 尾部s -->
		<footer>
			<a href="index.html">
				<div class="icon fl">
					<i class="iconfont icon-shouye"></i>
					<h3>首页</h3>
				</div>
			</a>
			<a href="classifi.html">
				<div class="icon fl">
					<i class="iconfont icon-leimupinleifenleileibie"></i>
					<h3>分类</h3>
				</div>
			</a>
			<a href="find.html">
				<div class="icon fl">
					<i class="iconfont icon-faxian"></i>
					<h3>发现</h3>
				</div>
			</a>
			<a href="myInfo.html">
				<div class="icon fl">
					<i class="iconfont icon-zhanghao"></i>
					<h3>我的</h3>
				</div>
			</a>
		</footer>
		<!-- 尾部e -->
		
		<!-- 引入rem脚本 -->
		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
		<!-- 引入swiper脚本 -->
		<script src="js/swiper.min.js"></script>
		<script src="js/swiper.js"></script>
	</body>
</html>
